<ui:composition template="/WEB-INF/plantillas/plantillaspp.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">

	<!-- Define el titulo de la pagina -->
	<ui:define name="titulopagina"><h:outputText value="#{msg.gestionportafolio}" /></ui:define>

	<!-- Define el contenido del cuerpo -->
	<ui:define name="contenedor"> 
		<p class="subtitle">
			<b><h:outputText value="#{msg.gestionportafolio}" />
				<p:commandButton title="Nuevo Portafolio" action="#{controladorPortafolio.nuevoPortafolio}" icon="ui-icon-add" />
			</b>
		</p>
		<h:form id="formConsultaPortafolio">
					<p:panelGrid columns="2" id="filtros">
						<f:facet name="header">   
						<h:outputFormat value="#{msg['filtrosbuqueda']}">
							<f:param value="#{msg.portafolio}" />
	     				</h:outputFormat>
						
						</f:facet>
						<h:outputLabel for="codigo" value="Identificador" />
						<p:inputText id="codigo" value="${controladorPortafolio.portafolioBusqueda.nidPortafolio}"	label="codigo" onkeypress="javascript:return soloNumeros(event);" />
						
						<h:outputLabel for="descripcion" value="Nombre" />
						<p:inputTextarea id="descripcion" value="${controladorPortafolio.portafolioBusqueda.txtPortafolio}"	label="descripcion" onkeypress="javascript:return soloAlfanumericos(event);" />
						
						<h:outputLabel  value="Tipo Portafolio" />
						<h:selectOneMenu value="#{controladorPortafolio.portafolioBusqueda.nidTipPortafolio}" style="font-size:11px;display:inline">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{controladorPortafolio.tiposPortafolio}" var="tipo"
									itemLabel="#{tipo.txtTipoProyecto}" itemValue="#{tipo.nidTipoProyecto}" />
						</h:selectOneMenu>
						
						<p:commandButton update="@form:portafolios"	id="consultar" actionListener="#{controladorPortafolio.buscarPortafoliosPorFiltros}" value="Buscar" icon="ui-icon-find"/>
						<p:commandButton update="@form" id="limpiar" value="Limpiar" icon="ui-icon-clean" actionListener="#{controladorPortafolio.limpiar}" />
					</p:panelGrid>

					<br /><br />
					
					<p:dataTable id="portafolios" var="por"  
						value="#{controladorPortafolio.portafolios}" editable="false"
						paginator="true" rows="10"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,15"
						 resizableColumns="false" >

						<p:column style="text-align:left;width 10%">
							<p:commandButton icon="ui-icon-view" title="Ver Informacion Portafolio" 
								action="#{controladorPortafolio.buscarParaMostrar(por.nidPortafolio)}" ajax="false" id="verportafolio">
							</p:commandButton>						
							<p:commandButton icon="ui-icon-update" title="Editar Informacion Portafolio"	
								action="#{controladorPortafolio.buscarParaActualizar(por.nidPortafolio)}" ajax="false" >
							</p:commandButton> 
						</p:column>
						<p:column headerText="Id" sortBy="nidPortafolio" style="text-align:right;width 10%">
							<h:outputText value="#{por.nidPortafolio}" />
						</p:column>
						<p:column headerText="Tipo" style="text-align:center;width 10%">							
							<h:selectOneMenu value="#{por.nidTipPortafolio}" disabled="true" >
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{controladorPortafolio.tiposPortafolio}" var="tipo"
									itemLabel="#{tipo.txtTipoProyecto}" itemValue="#{tipo.nidTipoProyecto}" />
						</h:selectOneMenu>
						</p:column>
						<p:column headerText="Nombre" style="text-align:center;width 15%">
							<h:outputText value="#{por.txtPortafolio}" />
						</p:column>
						<p:column headerText="Sigla" style="text-align:center;width 5%">
							<h:outputText value="#{por.txtSigla}" />
						</p:column>
						<p:column headerText="Situación" style="text-align:center;width 10%">
							
							<h:selectOneMenu  value="#{por.estPortafolio}" disabled="true">
								<f:selectItems value="#{controladorPortafolio.estadosPortafolio}"
									var="tipo" itemLabel="#{tipo.txtParametroAbr}"
									itemValue="#{tipo.codParametro}" />
							</h:selectOneMenu>
						</p:column>
						<p:column headerText="Proyectos estimados" style="text-align:center;width 10%">
							<h:outputText value="#{por.numProyectoEstimado}" />
						</p:column>
						<p:column headerText="% de Proyectos en Estudios" style="text-align:center;width 10%">
							<h:outputText value="#{por.numProyectoAsociado}" />
						</p:column>
						<p:column headerText="% de Ejecución de Proyectos" style="text-align:center;width 20%">
							<h:outputText value="#{por.numProyectoEjecucion}" />
						</p:column>
						
						
					</p:dataTable>
				</h:form>
	</ui:define>
</ui:composition>